---
sidebar_position: 2
---

import ImagePreview from "@site/src/components/ImagePreview";

# 组件  

## 介绍  

<ImagePreview alt="组件列表" src="/img/docs/设计器/组件/component-intro.jpg" />

组件列表展示了当前研发完成可用的所有组件集合。  

包含 [图表](#chart)、[文字](#font)、[媒体](#media)、[地图](#map)、[其他](#other)、[联动](#interactive)、[素材](#source)

## 所有组件集合表格

### 图表 {#chart}

#### 柱形图 

基础柱形图、渐变柱形图、进度条、排名、横向柱形图、胶囊图、堆叠柱形图、正负轴柱形图、百分比柱图、折线柱形图、斑马图、瀑布图、极坐标柱形图、极坐标堆叠扇形柱图  

#### 折线图

基础折线图、渐变折线图、渐变堆叠面积图、阶梯图  

#### 饼图

基础饼图、玫瑰图、环形图、百分比图  

#### 散点图

基础散点图、单轴气泡图  

#### 雷达图

基础雷达图  

#### 盒须图

基础盒须图

#### 漏斗图

基础漏斗图  

#### 仪表盘

基础仪表盘、时钟  

#### 矩形树图

基础矩形树图

#### 旭日图

基础旭日图

#### 象形图

象形柱图  

#### 平行坐标系

基础平行坐标系  

#### K线图

基础K线图 
#### 关系图

基础关系图  

### 文字 {#font}

标题、多行文本、时间器、数字翻牌器、跑马灯、轮播文字、图标、 Tag标签    

### 媒体 {#media}

图片、视频、轮播图、照片墙、声音、3d模型    

### 地图 {#map}

标记地图、高德地图    

### 其他 {#other}

词云、iframe、列表、水球、状态卡片、状态列表、天气、路径动画、二维码、抽奖    

### 联动 {#interactive}

Tab标签、下拉框、步骤条、开关、输入框、多选、单选、日期选择、评分、按钮      

### 素材 {#source}

券、打字机    

:::info 组件操作

关于组件的详细配置操作，会在后期增加专门的文档Thanks♪(･ω･)ﾉ。（2022-05-28）  

:::

